<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>京西导航</title>
		<style>
			.menu{
				background-color:#F1F1F1;
				height: 30px;
				font-size: 16px;
				line-height: 30px;
			}
			.menu ul{
				 
			}
			.menu ul li{
				list-style: none;
				display: inline-block;
				border-right: 1px solid gainsboro;
				padding-right: 5px;
			}
			.menu ul li a{
				text-decoration: none;
				color: black;
			}
			.menu ul li.tel{
				background-image: url(../img/tel.png);
				background-repeat: no-repeat;
				background-position: -2px 5px;
				padding-left: 13px;
			}
			.menu ul li.tel:hover{
				cursor: pointer; 
				background-position: -2px -20px;
				 
			}
		</style> 
	</head>
	<body>
		<div class="menu">
			<ul>
				<li><a href="#">你好，请登录</a>&emsp;<a href="#" class="reg">免费注册</a></li>
				<li class="line"></li>
				<li><a href="#">我的订单</a></li>
				<li class="line"></li>
				<li><a href="#">我的京东</a></li>
				<li class="line"></li>
				<li><a href="#">京东会员</a></li>
				<li class="line"></li>
				<li><a href="#">企业采购</a></li>
				<li class="line"></li>
				<li class="tel"><a href="#" >手机京东</a></li>
				<li class="line"></li>
				<li><a href="#">关注京东</a></li>
				<li class="line"></li>
				<li><a href="#">客户服务</a></li>
				<li class="line"></li>
				<li><a href="#">客户服务</a></li>
			</ul>
		</div>
	</body>
</html>
